import styles from "./index.module.scss";
import { useDispatch, useSelector } from "react-redux";
import { setLayers } from "@/store";

export default function ResumeNote() {
  const dispatch = useDispatch();
  const layers = useSelector((state) => {
    return state.layers;
  });
  const openModel = (name) => {
    dispatch(
      setLayers({
        query: {},
        name,
        other: {},
      })
    );
    console.log(layers);
  };

  return (
    <>
      <div className="content">
        <div className="content-item w-50" onClick={() => openModel("model27")}>
          <div className="content-val text-overflow ">25,627</div>
          <div className="content-title">待内部评估</div>
        </div>
        <div className="content-item w-50" onClick={() => openModel("model27")}>
          <div className="content-val text-overflow ">25,627</div>
          <div className="content-title">待客户面试</div>
        </div>
        <div className="content-item w-50" onClick={() => openModel("model27")}>
          <div className="content-val text-overflow ">25,627</div>
          <div className="content-title">待员工考虑</div>
        </div>
        <div className="content-item w-50" onClick={() => openModel("model27")}>
          <div className="content-val text-overflow ">25,627</div>
          <div className="content-title">待通知入场</div>
        </div>
        <div className="content-item w-50" onClick={() => openModel("model27")}>
          <div className="content-val text-overflow ">25,627</div>
          <div className="content-title">待离职办理</div>
        </div>
        <div className="content-item w-50" onClick={() => openModel("model27")}>
          <div className="content-val text-overflow ">25,627</div>
          <div className="content-title">异常数据</div>
        </div>
      </div>
    </>
  );
}
